<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
>
<head>
	<th:block th:include="include :: header('新增请假')" />
</head>
<body>
    <div class="main-content">
        <form id="form-user-add" class="form-horizontal">
            <input name="deptId" type="hidden" th:value="${leave.dept.deptId}" id="treeId"/>
            <input name="userId" type="hidden" th:value="${leave.user.userId}" id="userIdSelect"/>
            <h4 class="form-header h4">基本信息</h4>
            <div class="row">
            	<div class="col-sm-6">
                    <div class="form-group">
                        <label class="col-sm-4 control-label"><span style="color: red; ">*</span>姓名：</label>
                        <div class="col-sm-8">
                            <div class="input-group">
                                    <input type="text" class="form-control" placeholder="请输入用户名称" id="userSuggest" th:value="${leave.user.userName}" readonly="readonly" maxlength="20" required>
                                    <div class="input-group-btn">
                                        <button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown">
                                            <span class="caret"></span>
                                        </button>
                                        <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                        </ul>
                                    </div>
                                </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        <label class="col-sm-4 control-label"><span style="color: red; ">*</span>归属部门：</label>
                        <div class="col-sm-8">
                            <div class="input-group">
                            	<input name="dept" id="treeName" th:value="${leave.dept.deptName}" readonly="readonly" type="text" placeholder="请选择归属部门" class="form-control" required>
                                <span class="input-group-addon"><i class="fa fa-search"></i></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6">
                    <div class="form-group">
                        <label class="col-sm-4 control-label">性别：</label>
                        <div class="col-sm-8">
                            <select name="gender" class="form-control m-b" th:with="type=${@dict.getType('sys_user_sex')}">
				                <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
				            </select>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        <label class="col-sm-4 control-label">岗位：</label>
                        <div class="col-sm-8">
							<input name="post" placeholder="请输入岗位" class="form-control" th:value="${leave.post}" readonly="readonly" type="text" maxlength="10" required>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6">
                    <div class="form-group">
                        <label class="col-sm-4 control-label">请假开始时间：</label>
                        <div class="col-sm-8">
                          	<div class="input-group date">
                                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                <input name="startTime" type="text" class="form-control" id="startTime" th:value="${#dates.format(leave.startTime, 'yyyy-MM-dd HH:mm')}" readonly="readonly" placeholder="yyyy-MM-dd HH:mm">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        <label class="col-sm-4 control-label">请假结束时间：</label>
                        <div class="col-sm-8">
                            <div class="input-group date">
                                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                <input name="endTime" type="text" class="form-control" id="endTime" th:value="${#dates.format(leave.endTime, 'yyyy-MM-dd HH:mm')}" readonly="readonly" placeholder="yyyy-MM-dd HH:mm">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
            	<div class="col-sm-12">
                    <div class="form-group">
                        <label class="col-xs-2 control-label">请假原因：</label>
                        <div class="col-xs-10">
                           <textarea name="content" th:text="${leave.content}" readonly="readonly" maxlength="1000" class="form-control" rows="10"></textarea>
                        </div>
                    </div>
                </div>
            </div>
            <h4 class="form-header h4">其他信息</h4>
            <div class="row">
                <div class="col-sm-12">
                    <div class="form-group">
                        <label class="col-xs-2 control-label">备注：</label>
                        <div class="col-xs-10">
                            <textarea name="remarks" maxlength="500" th:text="${leave.remarks}" readonly="readonly" class="form-control" rows="3"></textarea>
                        </div>
                    </div>
                </div>
            </div>
            <h4 class="form-header h4">流转信息</h4>
            <div class="row">
                <div class="col-sm-12">
               	<input name="procInsId" type="hidden" th:value="${leave.act.procInsId}" id="procInsId"/>
					<table id="bootstrap-table" class="table table-striped table-bordered table-condensed">
						<thead>
							<tr>
								<th>执行环节</th>
								<th>执行人</th>
								<th>开始时间</th>
								<th>结束时间</th>
								<th>提交意见</th>
								<th>任务历时</th>
							</tr>
						</thead>
						<tbody id="bodyTable"></tbody>
					</table>
				</div>
            </div>
        </form>
    </div>
	<th:block th:include="include :: footer" />
	<script>
    </script>
</body>
</html>
